﻿<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>02 Web Gallery</title>
	<link href="02.Web.Gallery.css" rel="stylesheet" />
</head>
<body>
	<ul>
		<li>
			<label for="radio-0"><img src="images/animals-1-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-0" type="radio" name="images" />
			<img src="images/animals-1.jpg" alt="single photo" />
		</li>
		<li>
			<label for="radio-1"><img src="images/animals-2-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-1" type="radio" name="images" />
			<img src="images/animals-2.jpg" alt="single photo" />
		</li>
		<li>
			<label for="radio-2"><img src="images/animals-3-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-2" type="radio" name="images" />
			<img src="images/animals-3.jpg" alt="single photo" />
		</li>
		<li>
			<label for="radio-3"><img src="images/animals-4-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-3" type="radio" name="images" />
			<img src="images/animals-4.jpg" alt="single photo" />
		</li>
		<li>
			<label for="radio-4"><img src="images/animals-5-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-4" type="radio" name="images" />
			<img src="images/animals-5.jpg" alt="single photo" />
		</li>
		<li>
			<label for="radio-5"><img src="images/animals-6-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-5" type="radio" name="images" />
			<img src="images/animals-6.jpg" alt="single photo" />
		</li>
		<li>
			<label for="radio-6"><img src="images/animals-7-thumb.jpg" alt="photo thumb-nail" /></label>
			<input id="radio-6" type="radio" name="images" />
			<img src="images/animals-7.jpg" alt="single photo" />
		</li>
	</ul>
</body>
</html>
